<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>{$title}</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="/favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
    <link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">
    <link rel="stylesheet" href="__CSS__glob.css">
</head>
<body>

<div class="panel-overlay"></div>
<!-- Left Panel with Reveal effect -->
<div class="panel panel-left panel-reveal theme-dark" id='panel-left-demo'>

       <header class="bar bar-nav">
           <a class="icon icon-settings pull-left open-panel"></a>
           <h1 class="title">设置</h1>
       </header>

    <div class="content-block" style="margin:75px 0">
        <p class="left-menu"><a href="javascript:;" class="open-popup" data-popup=".popup-about">我的资料</a><span class="icon icon-right"></span></p>
        <p class="left-menu"><a href="{:url('/modify')}">重置密码</a></p>
        <p class="left-menu"><a href="javascript:;" class="open-popup" data-popup=".popup-about-org">组织架构</a> <span class="icon icon-right"></span></p>
        <p class="left-menu"><a href="{:url('/logout')}">退出 </a><span class="icon icon-right"></span></p>
        <p class="left-menu"><a href="#" class="close-panel">关闭</a></p>
    </div>
    <div class="list-block">
        <!-- .... -->
        <!--<a href="javascript:;" class="open-popup" data-popup=".popup-about2">重置密码</a><span class="icon icon-right"></span>-->
    </div>
</div>
<!-- About Popup 个人资料-->
{notempty name="data"}
<div class="popup popup-about">
    <div class="content-block">
        <header class="bar bar-nav">

            <h1 class="title">个人资料</h1>
            <a class="icon icon-home pull-right open-panel" href="#" data-panel='#panel-left-demo'></a>
        </header>
        <div class="list-block">
            <ul>
                <!-- Text inputs -->
                <li>
                    <div class="item-content">
                        <div class="item-media"><i class="icon icon-form-name"></i></div>
                        <div class="item-inner">
                            <div class="item-title label">姓名:</div>
                            <div class="item-input">
                                <input type="text" placeholder="Your name" disabled value="{$data.realname}">
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-content">
                        <div class="item-media"><i class="icon icon-form-email"></i></div>
                        <div class="item-inner">
                            <div class="item-title label">电话:</div>
                            <div class="item-input">
                                <input type="tel" placeholder="E-mail" disabled value="{$data.mobile}">
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-content">
                        <div class="item-media"><i class="icon icon-form-password"></i></div>
                        <div class="item-inner">
                            <div class="item-title label">部门:</div>
                            <div class="item-input">
                                <input type="text" placeholder="Password" disabled class="" value="{$data.department_info.department}">
                            </div>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-content">
                        <div class="item-media"><i class="icon icon-form-password"></i></div>
                        <div class="item-inner">
                            <div class="item-title label">职务:</div>
                            <div class="item-input">
                                <input type="text" placeholder="Password" disabled class="" value="{$data.duty_info.duty}">
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="content-block">
            <div class="row">
                <div class="col-50"><a href="javascript:;" class="button button-big button-fill button-success close-popup">关闭</a></div>
            </div>
        </div>
    </div>
</div>
{/notempty}
<!--组织架构-->
<div class="popup popup-about-org">
    <div class="content-block">
        <header class="bar bar-nav">

            <h1 class="title">组织架构</h1>
            <a class="icon icon-home pull-right open-panel" href="#" data-panel='#panel-left-demo'></a>
        </header>
        <div class="list-block">

        </div>
        <div class="content-block">
            <div class="row">
                <div class="col-50"><a href="javascript:;" class="button button-big button-fill button-success close-popup">关闭</a></div>
            </div>
        </div>
    </div>
</div>
